html{
    height: 100%;
}
body{
    height: 100%;
    background-color: #9CBED4;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: center;
}
p{
    margin: 0;
    padding: 0;
}
#app{
    height: 100%;
}
.full-height{
    height: 100%;
}
.full-width{
    width: 100%;
}
.primary-bg{
    background-color:#1B4482;
}
.secondary-bg{
    background-color:#6E9DBF;
}
.third-bg{
    background-color:#9CBED4;
}

.btn-my-primary{color:#fff;background-color:#6E9DBF;border-color:#9CBED4}
.btn-my-primary:hover{color:#fff;background-color: #52758e;border-color: #87a5b8
}
.btn-my-primary.focus,.btn-my-primary:focus{color:#fff;background-color: #456678;border-color:#9CBED4;box-shadow:0 0 0 .2rem rgba(165,136,135,.5)}
.btn-my-primary.disabled,.btn-my-primary:disabled{color:#fff;background-color:#9CBED4;border-color:#9CBED4}
.btn-my-primary:not(:disabled):not(.disabled).active,.btn-my-primary:not(:disabled):not(.disabled):active,.show>.btn-my-primary.dropdown-toggle{color:#fff;background-color:#9CBED4;border-color:#819cad}
.btn-my-primary:not(:disabled):not(.disabled).active:focus,.btn-my-primary:not(:disabled):not(.disabled):active:focus,.show>.btn-my-primary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(165,136,135,.5)}
.btn-my-primary-active{
    color:#fff;background-color: #8ac4ee;border-color:#9CBED4;box-shadow:0 0 0 .2rem rgba(165,136,135,.5)
}
.btn-my-primary-active:hover{color:#fff;background-color: #9CBED4;border-color: #819cad
}